<!doctype html>
<html lang="en">

<head>
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!--favicon-->

	<!--plugins-->
	<link href="../css/jquery-jvectormap-2.0.2.css" rel="stylesheet">
	<link href="../css/simplebar.css" rel="stylesheet">
	<link href="../css/perfect-scrollbar.css" rel="stylesheet">
	<link href="../css/metisMenu.min.css" rel="stylesheet">
	<!-- loader-->
	<link href="../css/pace.min.css" rel="stylesheet">
	<script src="../js/pace.min.js"></script>
	<!-- Bootstrap CSS -->
	<link href="../css/bootstrap.min.css" rel="stylesheet">
	<link href="../css/css2.css" rel="stylesheet">
	<link href="../css/app.css" rel="stylesheet">
	<link href="../css/icons.css" rel="stylesheet">
	<!-- Theme Style CSS -->
	<link rel="stylesheet" href="../css/dark-theme.css">
	<link rel="stylesheet" href="../css/semi-dark.css">
	<link rel="stylesheet" href="../css/header-colors.css">
	<title>榆园财务管理系统</title>
</head>

<body>
<!--wrapper-->
<div class="wrapper">
	<!--sidebar wrapper -->
	<div class="sidebar-wrapper" data-simplebar="true">
		<div class="sidebar-header">
			<div>
				<img src="../picture/logo-icon.png" class="logo-icon" alt="logo icon">
			</div>
			<div>
				<h4 class="logo-text">榆园财务系统</h4>
			</div>
			<div class="toggle-icon ms-auto"><i class='bx bx-arrow-to-left'></i>
			</div>
		</div>
		<!--navigation-->
		<ul class="metismenu" id="menu">
			<li class="menu-label">数据展示</li>
			<li>
				<a href="javascript:;" class="has-arrow">
					<div class="parent-icon"><i class='lni lni-graph'></i>
					</div>
					<div class="menu-title">数据大屏</div>
				</a>
				<ul>
					<li><a href="#"><i class="bx bx-chalkboard"></i>大屏1</a>
					</li>
					<li><a href="index2.html"><i class="bx bx-chalkboard"></i>大屏2</a>
					</li>
				</ul>
			</li>
			<li class="menu-label">数据汇总</li>
			<li>
				<a href="javascript:;" class="has-arrow">
					<div class="parent-icon"><i class="bx bx-abacus"></i>
					</div>
					<div class="menu-title">利润分析</div>
				</a>
				<ul>
					<li><a href="app-emailbox.html"><i class="bx bxs-dollar-circle"></i>利润分析</a>
					</li>
					<li><a href="app-chat-box.html"><i class="bx bxs-store"></i>按店对比</a>
					</li>
					<li><a href="app-file-manager.html"><i class="bx bxs-category"></i>按科目对比</a>
					</li>
				</ul>
			</li>
			<li class="menu-label">分项明细</li>
			<li>
				<a href="javascript:;" class="has-arrow">
					<div class="parent-icon"><i class="bx bx-category"></i>
					</div>
					<div class="menu-title">分项明细</div>
				</a>
				<ul>
					<li><a href="component-alerts.html"><i class="bx bxs-tree"></i>成本销售</a>
					</li>
					<li><a href="component-accordions.html"><i class="bx bxs-badge-dollar"></i>财务费用</a>
					</li>
					<li><a href="app-file-manager.html"><i class="bx bxs-store"></i>店铺运营</a>
					</li>
					<li><a href="app-contact-list.html"><i class="bx bxs-spreadsheet"></i>销售统计</a>
					</li>
					<li><a href="app-to-do.html"><i class="bx bxs-archive-out"></i>店铺打款</a>
					</li>
					<li><a href="app-invoice.html"><i class="bx bxs-car-mechanic"></i>快递费用</a>
					</li>
					<li><a href="app-fullcalender.html"><i class="bx bxs-briefcase-alt"></i>包材费用</a>
					</li>
				</ul>
			</li>
			<li class="menu-label">数据管理</li>
			<li>
				<a href="javascript:;" class="has-arrow">
					<div class="parent-icon"><i class='bx bx-data'></i>
					</div>
					<div class="menu-title">数据导入</div>
				</a>
				<ul>
					<li><a href="ecommerce-products.html"><i class="bx bxs-file-import"></i>数据导入</a>
					</li>
					<li><a href="ecommerce-products-details.html"><i class="bx bxs-comment-add"></i>手动添加</a>
					</li>
				</ul>
			</li>
			<li>
				<a class="has-arrow" href="javascript:;">
					<div class="parent-icon"><i class='bx bx-calculator'></i>
					</div>
					<div class="menu-title">数据校验</div>
				</a>
				<ul>
					<li><a href="component-alerts.html"><i class="bx bxs-tree"></i>成本销售</a>
					</li>
					<li><a href="component-accordions.html"><i class="bx bxs-badge-dollar"></i>财务费用</a>
					</li>
					<li><a href="app-file-manager.html"><i class="bx bxs-store"></i>店铺运营</a>
					</li>
					<li><a href="app-contact-list.html"><i class="bx bxs-spreadsheet"></i>销售统计</a>
					</li>
					<li><a href="app-to-do.html"><i class="bx bxs-archive-out"></i>店铺打款</a>
					</li>
					<li><a href="app-invoice.html"><i class="bx bxs-car-mechanic"></i>快递费用</a>
					</li>
					<li><a href="app-fullcalender.html"><i class="bx bxs-briefcase-alt"></i>包材费用</a>
					</li>
				</ul>
			</li>
			<li class="menu-label">系统设置</li>
			<li>
				<a class="has-arrow" href="javascript:;">
					<div class="parent-icon"><i class='bx bx-info-square'></i>
					</div>
					<div class="menu-title">企业信息</div>
				</a>
				<ul>
					<li><a href="form-elements.html"><i class="bx bxs-factory"></i>企业信息</a>
					</li>
					<li><a href="form-input-group.html"><i class="bx bxs-user"></i>用户信息</a>
					</li>
					<li><a href="/store/storelist.html"><i class="bx bxs-store"></i>店铺信息</a>
					</li>
					<li><a href="form-validations.html"><i class="bx bxs-building-house"></i>货仓信息</a>
					</li>
					<li><a href="form-wizard.html"><i class="bx bxs-map"></i>物流信息</a>
					</li>
				</ul>
			</li>
			<li>
				<a class="has-arrow" href="javascript:;">
					<div class="parent-icon"><i class="bx bx-money"></i>
					</div>
					<div class="menu-title">财务信息</div>
				</a>
				<ul>
					<li><a href="table-basic-table.html"><i class="bx bxs-book"></i>科目信息</a>
					</li>
					<li><a href="table-datatable.html"><i class="bx bxs-category"></i>数据清单</a>
					</li>
				</ul>
			</li>
		</ul>
		<!--end navigation-->
	</div>


	<!--end sidebar wrapper -->
	<!--start header -->

	<!-- display=none 直接注释掉会使js报错-->
	<header>
		<div class="topbar d-flex align-items-center">
			<nav class="navbar navbar-expand" style="display: none;">
				<div class="mobile-toggle-menu"><i class='bx bx-menu'></i>
				</div>
				<div class="search-bar flex-grow-1">
					<div class="position-relative search-bar-box">
						<input type="text" class="form-control search-control" placeholder="Type to search..."> <span
							class="position-absolute top-50 search-show translate-middle-y"><i class='bx bx-search'></i></span>
						<span class="position-absolute top-50 search-close translate-middle-y"><i
								class='bx bx-x'></i></span>
					</div>
				</div>
				<div class="top-menu ms-auto">
					<ul class="navbar-nav align-items-center">
						<li class="nav-item mobile-search-icon">
							<a class="nav-link" href="#"> <i class='bx bx-search'></i>
							</a>
						</li>
						<li class="nav-item dropdown dropdown-large">
							<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" role="button"
							   data-bs-toggle="dropdown" aria-expanded="false"> <i class='bx bx-category'></i>
							</a>
							<div class="dropdown-menu dropdown-menu-end">
								<div class="row row-cols-3 g-3 p-3">
									<div class="col text-center">
										<div class="app-box mx-auto bg-gradient-cosmic text-white"><i
												class='bx bx-group'></i>
										</div>
										<div class="app-title">Teams</div>
									</div>
									<div class="col text-center">
										<div class="app-box mx-auto bg-gradient-burning text-white"><i
												class='bx bx-atom'></i>
										</div>
										<div class="app-title">Projects</div>
									</div>
									<div class="col text-center">
										<div class="app-box mx-auto bg-gradient-lush text-white"><i
												class='bx bx-shield'></i>
										</div>
										<div class="app-title">Tasks</div>
									</div>
									<div class="col text-center">
										<div class="app-box mx-auto bg-gradient-kyoto text-dark"><i
												class='bx bx-notification'></i>
										</div>
										<div class="app-title">Feeds</div>
									</div>
									<div class="col text-center">
										<div class="app-box mx-auto bg-gradient-blues text-dark"><i
												class='bx bx-file'></i>
										</div>
										<div class="app-title">Files</div>
									</div>
									<div class="col text-center">
										<div class="app-box mx-auto bg-gradient-moonlit text-white"><i
												class='bx bx-filter-alt'></i>
										</div>
										<div class="app-title">Alerts</div>
									</div>
								</div>
							</div>
						</li>
						<li class="nav-item dropdown dropdown-large">
							<a class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" href="#"
							   role="button" data-bs-toggle="dropdown" aria-expanded="false"> <span class="alert-count">7</span>
								<i class='bx bx-bell'></i>
							</a>
							<div class="dropdown-menu dropdown-menu-end">
								<a href="javascript:;">
									<div class="msg-header">
										<p class="msg-header-title">Notifications</p>
										<p class="msg-header-clear ms-auto">Marks all as read</p>
									</div>
								</a>
								<div class="header-notifications-list">
									<a class="dropdown-item" href="javascript:;">
										<div class="d-flex align-items-center">
											<div class="notify bg-light-primary text-primary"><i
													class="bx bx-group"></i>
											</div>
											<div class="flex-grow-1">
												<h6 class="msg-name">New Customers<span class="msg-time float-end">14 Sec
												ago</span></h6>
												<p class="msg-info">5 new user registered</p>
											</div>
										</div>
									</a>
									<a class="dropdown-item" href="javascript:;">
										<div class="d-flex align-items-center">
											<div class="notify bg-light-danger text-danger"><i
													class="bx bx-cart-alt"></i>
											</div>
											<div class="flex-grow-1">
												<h6 class="msg-name">New Orders <span class="msg-time float-end">2 min
												ago</span></h6>
												<p class="msg-info">You have recived new orders</p>
											</div>
										</div>
									</a>
									<a class="dropdown-item" href="javascript:;">
										<div class="d-flex align-items-center">
											<div class="notify bg-light-success text-success"><i class="bx bx-file"></i>
											</div>
											<div class="flex-grow-1">
												<h6 class="msg-name">24 PDF File<span class="msg-time float-end">19 min
												ago</span></h6>
												<p class="msg-info">The pdf files generated</p>
											</div>
										</div>
									</a>
									<a class="dropdown-item" href="javascript:;">
										<div class="d-flex align-items-center">
											<div class="notify bg-light-warning text-warning"><i class="bx bx-send"></i>
											</div>
											<div class="flex-grow-1">
												<h6 class="msg-name">Time Response <span class="msg-time float-end">28 min
												ago</span></h6>
												<p class="msg-info">5.1 min avarage time response</p>
											</div>
										</div>
									</a>
									<a class="dropdown-item" href="javascript:;">
										<div class="d-flex align-items-center">
											<div class="notify bg-light-info text-info"><i
													class="bx bx-home-circle"></i>
											</div>
											<div class="flex-grow-1">
												<h6 class="msg-name">New Product Approved <span
														class="msg-time float-end">2 hrs ago</span></h6>
												<p class="msg-info">Your new product has approved</p>
											</div>
										</div>
									</a>
									<a class="dropdown-item" href="javascript:;">
										<div class="d-flex align-items-center">
											<div class="notify bg-light-danger text-danger"><i
													class="bx bx-message-detail"></i>
											</div>
											<div class="flex-grow-1">
												<h6 class="msg-name">New Comments <span class="msg-time float-end">4 hrs
												ago</span></h6>
												<p class="msg-info">New customer comments recived</p>
											</div>
										</div>
									</a>
									<a class="dropdown-item" href="javascript:;">
										<div class="d-flex align-items-center">
											<div class="notify bg-light-success text-success"><i
													class='bx bx-check-square'></i>
											</div>
											<div class="flex-grow-1">
												<h6 class="msg-name">Your item is shipped <span
														class="msg-time float-end">5 hrs
												ago</span></h6>
												<p class="msg-info">Successfully shipped your item</p>
											</div>
										</div>
									</a>
									<a class="dropdown-item" href="javascript:;">
										<div class="d-flex align-items-center">
											<div class="notify bg-light-primary text-primary"><i
													class='bx bx-user-pin'></i>
											</div>
											<div class="flex-grow-1">
												<h6 class="msg-name">New 24 authors<span class="msg-time float-end">1 day
												ago</span></h6>
												<p class="msg-info">24 new authors joined last week</p>
											</div>
										</div>
									</a>
									<a class="dropdown-item" href="javascript:;">
										<div class="d-flex align-items-center">
											<div class="notify bg-light-warning text-warning"><i
													class='bx bx-door-open'></i>
											</div>
											<div class="flex-grow-1">
												<h6 class="msg-name">Defense Alerts <span class="msg-time float-end">2 weeks
												ago</span></h6>
												<p class="msg-info">45% less alerts last 4 weeks</p>
											</div>
										</div>
									</a>
								</div>
								<a href="javascript:;">
									<div class="text-center msg-footer">View All Notifications</div>
								</a>
							</div>
						</li>
						<li class="nav-item dropdown dropdown-large">
							<a class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" href="#"
							   role="button" data-bs-toggle="dropdown" aria-expanded="false"> <span class="alert-count">8</span>
								<i class='bx bx-comment'></i>
							</a>
							<div class="dropdown-menu dropdown-menu-end">
								<a href="javascript:;">
									<div class="msg-header">
										<p class="msg-header-title">Messages</p>
										<p class="msg-header-clear ms-auto">Marks all as read</p>
									</div>
								</a>
								<div class="header-message-list">
									<a class="dropdown-item" href="javascript:;">
										<div class="d-flex align-items-center">
											<div class="user-online">
												<img src="/picture/avatar-1.png" class="msg-avatar" alt="user avatar">
											</div>
											<div class="flex-grow-1">
												<h6 class="msg-name">Daisy Anderson <span class="msg-time float-end">5 sec
												ago</span></h6>
												<p class="msg-info">The standard chunk of lorem</p>
											</div>
										</div>
									</a>
									<a class="dropdown-item" href="javascript:;">
										<div class="d-flex align-items-center">
											<div class="user-online">
												<img src="/picture/avatar-2.png" class="msg-avatar" alt="user avatar">
											</div>
											<div class="flex-grow-1">
												<h6 class="msg-name">Althea Cabardo <span class="msg-time float-end">14
												sec ago</span></h6>
												<p class="msg-info">Many desktop publishing packages</p>
											</div>
										</div>
									</a>
									<a class="dropdown-item" href="javascript:;">
										<div class="d-flex align-items-center">
											<div class="user-online">
												<img src="/picture/avatar-3.png" class="msg-avatar" alt="user avatar">
											</div>
											<div class="flex-grow-1">
												<h6 class="msg-name">Oscar Garner <span class="msg-time float-end">8 min
												ago</span></h6>
												<p class="msg-info">Various versions have evolved over</p>
											</div>
										</div>
									</a>
									<a class="dropdown-item" href="javascript:;">
										<div class="d-flex align-items-center">
											<div class="user-online">
												<img src="/picture/avatar-4.png" class="msg-avatar" alt="user avatar">
											</div>
											<div class="flex-grow-1">
												<h6 class="msg-name">Katherine Pechon <span class="msg-time float-end">15
												min ago</span></h6>
												<p class="msg-info">Making this the first true generator</p>
											</div>
										</div>
									</a>
									<a class="dropdown-item" href="javascript:;">
										<div class="d-flex align-items-center">
											<div class="user-online">
												<img src="/picture/avatar-5.png" class="msg-avatar" alt="user avatar">
											</div>
											<div class="flex-grow-1">
												<h6 class="msg-name">Amelia Doe <span class="msg-time float-end">22 min
												ago</span></h6>
												<p class="msg-info">Duis aute irure dolor in reprehenderit</p>
											</div>
										</div>
									</a>
									<a class="dropdown-item" href="javascript:;">
										<div class="d-flex align-items-center">
											<div class="user-online">
												<img src="/picture/avatar-6.png" class="msg-avatar" alt="user avatar">
											</div>
											<div class="flex-grow-1">
												<h6 class="msg-name">Cristina Jhons <span class="msg-time float-end">2 hrs
												ago</span></h6>
												<p class="msg-info">The passage is attributed to an unknown</p>
											</div>
										</div>
									</a>
									<a class="dropdown-item" href="javascript:;">
										<div class="d-flex align-items-center">
											<div class="user-online">
												<img src="/picture/avatar-7.png" class="msg-avatar" alt="user avatar">
											</div>
											<div class="flex-grow-1">
												<h6 class="msg-name">James Caviness <span class="msg-time float-end">4 hrs
												ago</span></h6>
												<p class="msg-info">The point of using Lorem</p>
											</div>
										</div>
									</a>
									<a class="dropdown-item" href="javascript:;">
										<div class="d-flex align-items-center">
											<div class="user-online">
												<img src="/picture/avatar-8.png" class="msg-avatar" alt="user avatar">
											</div>
											<div class="flex-grow-1">
												<h6 class="msg-name">Peter Costanzo <span class="msg-time float-end">6 hrs
												ago</span></h6>
												<p class="msg-info">It was popularised in the 1960s</p>
											</div>
										</div>
									</a>
									<a class="dropdown-item" href="javascript:;">
										<div class="d-flex align-items-center">
											<div class="user-online">
												<img src="/picture/avatar-9.png" class="msg-avatar" alt="user avatar">
											</div>
											<div class="flex-grow-1">
												<h6 class="msg-name">David Buckley <span class="msg-time float-end">2 hrs
												ago</span></h6>
												<p class="msg-info">Various versions have evolved over</p>
											</div>
										</div>
									</a>
									<a class="dropdown-item" href="javascript:;">
										<div class="d-flex align-items-center">
											<div class="user-online">
												<img src="/picture/avatar-10.png" class="msg-avatar" alt="user avatar">
											</div>
											<div class="flex-grow-1">
												<h6 class="msg-name">Thomas Wheeler <span class="msg-time float-end">2 days
												ago</span></h6>
												<p class="msg-info">If you are going to use a passage</p>
											</div>
										</div>
									</a>
									<a class="dropdown-item" href="javascript:;">
										<div class="d-flex align-items-center">
											<div class="user-online">
												<img src="/picture/avatar-11.png" class="msg-avatar" alt="user avatar">
											</div>
											<div class="flex-grow-1">
												<h6 class="msg-name">Johnny Seitz <span class="msg-time float-end">5 days
												ago</span></h6>
												<p class="msg-info">All the Lorem Ipsum generators</p>
											</div>
										</div>
									</a>
								</div>
								<a href="javascript:;">
									<div class="text-center msg-footer">View All Messages</div>
								</a>
							</div>
						</li>
					</ul>
				</div>
				<div class="user-box dropdown">
					<a class="d-flex align-items-center nav-link dropdown-toggle dropdown-toggle-nocaret" href="#"
					   role="button" data-bs-toggle="dropdown" aria-expanded="false">
						<img src="/picture/avatar-2.png" class="user-img" alt="user avatar">
						<div class="user-info ps-3">
							<p class="user-name mb-0">Pauline Seitz</p>
							<p class="designattion mb-0">Web Designer</p>
						</div>
					</a>
					<ul class="dropdown-menu dropdown-menu-end">
						<li><a class="dropdown-item" href="javascript:;"><i class="bx bx-user"></i><span>Profile</span></a>
						</li>
						<li><a class="dropdown-item" href="javascript:;"><i class="bx bx-cog"></i><span>Settings</span></a>
						</li>
						<li><a class="dropdown-item" href="javascript:;"><i class='bx bx-home-circle'></i><span>Dashboard</span></a>
						</li>
						<li><a class="dropdown-item" href="javascript:;"><i class='bx bx-dollar-circle'></i><span>Earnings</span></a>
						</li>
						<li><a class="dropdown-item" href="javascript:;"><i
								class='bx bx-download'></i><span>Downloads</span></a>
						</li>
						<li>
							<div class="dropdown-divider mb-0"></div>
						</li>
						<li><a class="dropdown-item" href="javascript:;"><i class='bx bx-log-out-circle'></i><span>Logout</span></a>
						</li>
					</ul>
				</div>
			</nav>
		</div>
	</header>
	<!--end header -->

	<!-- 页面 -->
	<!--start page wrapper -->
	<div class="page-wrapper">
		<div class="page-content">
			<!-- 页面部分 -->

		</div>
	</div>
	<!--end page wrapper -->


	<!--start overlay-->
	<div class="overlay toggle-icon"></div>
	<!--end overlay-->


	<!--Start Back To Top Button--> <a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
	<!--End Back To Top Button-->
	<footer class="page-footer">
		<p class="mb-0">Copyright © 2022. All right reserved.</p>
	</footer>
</div>
<!--end wrapper-->


<!--start switcher-->
<!-- display=none 直接注释掉会使js报错-->
<div class="switcher-wrapper" style="display: none;">
	<div class="switcher-btn"><i class='bx bx-cog bx-spin'></i>
	</div>
	<div class="switcher-body">
		<div class="d-flex align-items-center">
			<h5 class="mb-0 text-uppercase">Theme Customizer</h5>
			<button type="button" class="btn-close ms-auto close-switcher" aria-label="Close"></button>
		</div>
		<hr>
		<h6 class="mb-0">Theme Styles</h6>
		<hr>
		<div class="d-flex align-items-center justify-content-between">
			<div class="form-check">
				<input class="form-check-input" type="radio" name="flexRadioDefault" id="lightmode" checked="">
				<label class="form-check-label" for="lightmode">Light</label>
			</div>
			<div class="form-check">
				<input class="form-check-input" type="radio" name="flexRadioDefault" id="darkmode">
				<label class="form-check-label" for="darkmode">Dark</label>
			</div>
			<div class="form-check">
				<input class="form-check-input" type="radio" name="flexRadioDefault" id="semidark">
				<label class="form-check-label" for="semidark">Semi Dark</label>
			</div>
		</div>
		<hr>
		<div class="form-check">
			<input class="form-check-input" type="radio" id="minimaltheme" name="flexRadioDefault">
			<label class="form-check-label" for="minimaltheme">Minimal Theme</label>
		</div>
		<hr>
		<h6 class="mb-0">Header Colors</h6>
		<hr>
		<div class="header-colors-indigators">
			<div class="row row-cols-auto g-3">
				<div class="col">
					<div class="indigator headercolor1" id="headercolor1"></div>
				</div>
				<div class="col">
					<div class="indigator headercolor2" id="headercolor2"></div>
				</div>
				<div class="col">
					<div class="indigator headercolor3" id="headercolor3"></div>
				</div>
				<div class="col">
					<div class="indigator headercolor4" id="headercolor4"></div>
				</div>
				<div class="col">
					<div class="indigator headercolor5" id="headercolor5"></div>
				</div>
				<div class="col">
					<div class="indigator headercolor6" id="headercolor6"></div>
				</div>
				<div class="col">
					<div class="indigator headercolor7" id="headercolor7"></div>
				</div>
				<div class="col">
					<div class="indigator headercolor8" id="headercolor8"></div>
				</div>
			</div>
		</div>
		<hr>
		<h6 class="mb-0">Sidebar Colors</h6>
		<hr>
		<div class="header-colors-indigators">
			<div class="row row-cols-auto g-3">
				<div class="col">
					<div class="indigator sidebarcolor1" id="sidebarcolor1"></div>
				</div>
				<div class="col">
					<div class="indigator sidebarcolor2" id="sidebarcolor2"></div>
				</div>
				<div class="col">
					<div class="indigator sidebarcolor3" id="sidebarcolor3"></div>
				</div>
				<div class="col">
					<div class="indigator sidebarcolor4" id="sidebarcolor4"></div>
				</div>
				<div class="col">
					<div class="indigator sidebarcolor5" id="sidebarcolor5"></div>
				</div>
				<div class="col">
					<div class="indigator sidebarcolor6" id="sidebarcolor6"></div>
				</div>
				<div class="col">
					<div class="indigator sidebarcolor7" id="sidebarcolor7"></div>
				</div>
				<div class="col">
					<div class="indigator sidebarcolor8" id="sidebarcolor8"></div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--end switcher-->


<!-- Bootstrap JS -->
<script src="../js/bootstrap.bundle.min.js"></script>
<!--plugins-->
<script src="../js/jquery.min.js"></script>
<script src="../js/simplebar.min.js"></script>
<script src="../js/metisMenu.min.js"></script>
<script src="../js/perfect-scrollbar.js"></script>
<script src="../js/jquery-jvectormap-2.0.2.min.js"></script>
<script src="../js/jquery-jvectormap-world-mill-en.js"></script>
<script src="../js/Chart.min.js"></script>
<script src="../js/Chart.extension.js"></script>
<script src="../js/index.js"></script>
<!--app JS-->
<script src="../js/app.js"></script>
<!--<script src="../js/macarons.js"></script>-->
</body>

</html>